<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <!-- 

        表单
            form  用来提交数据的 
                action="提交的地址---后端提供的接口" 
                method="get/post"
            
            input  type="text / password / radio / checkbox / file "
            textarea 
            select 
            input type="button / reset / submit"
            label for="id"

            搜索框的样式问题

            按钮 --- 怪异盒模型(边框和内边距没有把盒子撑大)   ！！！！！！！！！！！！！！！！！！！！

            特殊样式的实现

                file   透明度   "障眼法"

                定位

            
            选择器
                层级选择器  >  +  ~ 
                
                伪类选择器
                    结构性伪类    nth-child    nth-of-type
                    动态伪类      link   visited   hover  active    focus
                    UI元素状态伪类    disabled   checked   

            伪元素操作符   before / after


            表格
                行分组   thead   tbody   tfoot 
                          th

            样式问题
                table-layout:fixed;   border-collapse:collapse


            自适应两栏布局  

            

     -->
    
</body>
</html>